
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>点击穿透</title>
    <script src="http://47.104.209.44/base/js/jquery-1.10.1.min.js"></script>
    <style>
        .mask{
            width:100%;
            height:50vh;
            background: rgba(0, 0, 0, 0.5);
            position: absolute;
            top:0;
            left:0;
            color:#fff;
            text-align: center;
            /* 不能成为事件对象  */
            /* pointer-events: none;    */
        }
    </style>
</head>
<body>
    <div>
        <a class="btn" href="./1.0_touch.html" >点击穿透  混用了 touch 和 click 事件 </a>

        <div class="mask">
            我是一个遮罩层 - mask  点击我消失 
        </div>
    </div>

    <script>

        
        $(".mask").on("touchstart",function(){
            $(this).hide()
        })


    </script>
</body>
</html>